Accelerators Maximize Efficiency in User Interfaces 加速器

加速器是針對熟練使用者的介面效率設計,不影響新手使用。設計需平衡易用性和效率,兼顧新手和專家需求。

1. 什麼是加速器?

加速器(快捷方式)是提高介面效率的設計元素,為專家使用者提供快速完成常見任務的方法。它們對新手可忽略,但顯著提升熟練使用者效率。

加速器提高系統靈活性和效率,是重要的可用性準則。它們幫助專家突破介面學習限制,加快重複任務完成速度。

2. 加速器示例

常見的加速器包括:

鍵盤快捷鍵:例如Ctrl+C複製,Ctrl+V貼上。

手勢操作:如滑動刪除、雙擊點贊、滑鼠右鍵。

語音命令:如對語音助手說“開始睡前模式”。

3. 加速器的發現性

加速器是介面增強功能,不應影響基本使用。新手只需專注基本任務,避免資訊過載。對熟練使用者,加速器應易發現且不幹擾他人。

引導加速器發現的策略:

漸進式揭示:新手使用者開始時只需完成核心任務,隨著他們熟悉介面,逐漸引入加速器。

上下文提示:當使用者透過標準方法執行某項操作時,可以適時提示相關快捷操作。使用簡短、易瀏覽的訊息來提示加速器。

Slack 的移動應用程式在對訊息做出反應後會顯示此提示。

內聯顯示快捷鍵:在介面內顯示常用快捷鍵,如在下拉選單中右對齊顯示,便於專家使用者快速定位。

對講機的網路應用程式在每個操作的右側對齊顯示相關的鍵盤快捷鍵。

工具提示或懸停顯示:提供快捷鍵的懸停提示,這樣不會打斷使用者流程,但對於觸控式螢幕使用者可能不適用。

當使用者將滑鼠懸停在按鈕上時,Dovetail 在圖示標籤旁邊提供了一個鍵盤快捷鍵 G。

多位置顯示覆雜加速器:例如宏命令或自動化工具,可在選單、工具欄或設定中多處展示。

提供快捷鍵清單:在幫助或支援檔案中提供快捷鍵列表,便於專家使用者快速檢視所有可用的加速器。

Shopify 提供了一份按工作流程組織的所有鍵盤快捷鍵的速查表。

加速器設計最佳實踐

優先處理常用任務:為頻繁操作設計加速器,如複製、貼上、儲存等快捷鍵,提高效率。

適度使用加速器:避免過多,以免介面複雜化。從常用操作開始,隨使用者熟悉度增加。

Adobe InDesign允許專業使用者自定義鍵盤快捷鍵。此功能隱藏在"編輯"選單中,適合少數高階使用者使用,不影響新手體驗。

跨平臺保持一致:在跨平臺應用設計中(如網頁、移動端和桌面),確保常用的快捷鍵和手勢一致。例如,雙擊點贊應在移動端和響應式網站上表現一致。

Instagram 在其網路應用程式(當在觸控裝置上顯示時——左)和移動應用程式(右)中都使用相同的雙擊手勢。這兩個操作的動畫效果相同。

避免過載常見快捷鍵:避免重寫常見的系統快捷鍵(如複製、貼上、全選、列印),以防使用者出錯。

Gmail 的移動應用程式:在訊息上滑動可快速將其歸檔(向左滑動)。訊息歸檔後,會出現一個 Snackbar 提示,確認訊息已成功歸檔,並顯示一個選項,以便在誤操作時撤銷該操作。

提供視覺反饋:使用工具提示教授加速器,執行後給予反饋。

防錯設計:提供撤銷功能,避免誤操作。

結論:加速器提高效率,保持介面友好,增加系統靈活性。。